<template>
  <div id="app">
    <!-- <input v-model="obj.name" type="text" /> -->
    <div class="app-box">
    </div>

    <router-view />
  </div>
</template>

<script>
// export default {
//   name: 'App',
//   data () {
//     return {
//       obj: {
//         name: 'zzz',
//         age: 18
//       },
//       count: 10
//     }
//   },
//   created () {
//     let debouce = function (traget) {
//       traget.Ak = 'jjjjjj'
//       console.log(1233)
//     }
//     @debouce
//     class Lisi {

//     }
//     console.dir(new Lisi(), 'lisisjjj')
//     // Object.defineProperty()
//     console.log()
//     console.log(this.obj)
//     console.log(this.num)
//   },
//   computed: {
//     num () {
//       return this.count * this.count + this.count
//     }
//   },
//   watch: {

//     obj: {
//       handler () {
//         console.log(12233)
//       },
//       immediate: true,
//       deep: true
//     }
//   }
// }
export default {
  data () {
    return {
      obj: {}
    }
  },
  created () {
    this.obj.a = 12
    this.$set(this.obj, 'b', 56)
    console.log(this.obj)
  }
}
</script>
<style lang="scss" scoped>
.title {
  display: inline-block;
  width: 100px;
  height: 60px;
  margin-right: 30px;
  border: 1px solid black;
  text-align: center;
  line-height: 60px;
}
.active {
  background-color: pink;
}
</style>
